Hi,
I want to apply animation to the bootstrap modal dialog. Please give me some idea to achieve this task.
Codes are as follows:
<div class="modal" id="modalDialog" style="display: none; z-index: 1023232352;"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header bg-primary" style="padding: 10px;"> <button type="button" class="close" data-dismiss="modal">×</button> <h4 class="modal-title">Confirmation</h4> </div> <div class="modal-body"> <div id="messageContent"></div> </div> <div class="modal-footer"> <button type="button" class="btn btn-info" id="ok">Ok</button> </div> </div> </div> </div>
Hemant Patel
14-Mar-2018Hi Neerav,
Please follow following steps to achieve your task,
Step 1: First of all create your custom CSS class.
Step 2: Now you can use this class in your modal dialog.
Now you can successfully apply CSS on the modal dialog.
I hope it's informative!!!